﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/OneColumn.Master" Inherits="System.Web.Mvc.ViewPage<Quizz.Library.QuizzServiceReference.User>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Sửa thông tin tài khoản
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="mainContentPlaceHolder" runat="server">

<div id="edit-profile-box" class="form-box" style="width: 400px; float:left;">
    <span class="title">Sửa thông tin tài khoản</span>
    <hr class="h-line-dashed" />
    <div id="edit-profile-msg" class="error-msg"></div>
    <form name="frm-changeprofile" id="frm-changeprofile" onsubmit="return ChangeProfile();" method="POST" action="#">
        <table class="control-area">
            <tr>
                <td><label for="edit-email">Email</label></td>
                <td><input id="edit-email" name="edit-email" class="form-input" disabled="disabled" value="<%= Model.Email %>" type="email" /></td>
            </tr>
            <tr>
                <td colspan="2"><hr class="h-line-thin" /></td>
            </tr>
            <tr>
                <td><label for="edit-firstname">Họ và tên đệm</label></td>
                <td><input id="edit-firstname" name="edit-firstname" class="form-input" value="<%= Model.FirstName %>" type="test" placeholder="Họ và tên đệm" required title="Nhập họ và tên đệm" x-moz-errormessage="Nhập họ và tên đệm" /></td>
            </tr>
            <tr>
                <td><label for="edit-lastname">Tên</label></td>
                <td><input id="edit-lastname" name="edit-lastname" class="form-input" value="<%= Model.LastName %>" placeholder="Tên" type="text" required title="Nhập tên" x-moz-errormessage="Nhập tên" /></td>
            </tr>
            <tr>
                <td><label for="edit-phone">Điện thoại</label></td>
                <td><input id="edit-phone" name="edit-phone" class="form-input" value="<%= Model.Phone %>" type="text" pattern="^([\+][0-9]{1,3}[\ \.\-])?([\(]{1}[0-9]{2,6}[\)])?([0-9\ \.\-\/]{3,20})((x|ext|extension)[\ ]?[0-9]{1,4})?$" placeholder="Điện thoại" required title="Nhập số điện thoại liên lạc" x-moz-errormessage="Nhập số điện thoại liên lạc" /></td>
            </tr>
            <tr>
                <td><label for="edit-address">Địa chỉ</label></td>
                <td><input id="edit-address" name="edit-address" class="form-input" value="<%= Model.Address %>" type="text" placeholder="Địa chỉ" /></td>
            </tr>
            <tr>
                <td colspan="2"><hr class="h-line-thin" /></td>
            </tr>
            <tr>
                <td></td>
                <td><img id="edit-profile-loading" alt="" class="loading" src="../../images/loading.gif"/></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input class="fullsize-button" type="submit" value="Lưu thông tin"/>
                </td>
            </tr>
        </table>
    </form>
</div>


<div id="edit-pass-box" class="form-box" style="width: 400px; float:left;">
    <span class="title">Sửa mật khẩu</span>
    <hr class="h-line-dashed" />
    <div id="edit-pass-error" class="error-msg"></div>
    <form name="frm-changepass" id="frm-changepass" onsubmit="return ChangePassword();" method="POST" action="#">
        <table class="control-area">
            <tr>
                <td><label for="edit-old-pass">Mật khẩu cũ</label></td>
                <td><input id="edit-old-pass" name="edit-old-pass" class="form-input" type="password" pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).*$" placeholder="Mật khẩu cũ" required title="Nhập mật khẩu cũ" x-moz-errormessage="Nhập mật khẩu cũ" min="8" max="32" /></td>
            </tr>
            <tr>
                <td><label for="edit-new-pass">Mật khẩu</label></td>
                <td><input id="edit-new-pass" name="edit-new-pass" class="form-input" type="password" pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).*$" placeholder="Mật khẩu mới" required title="Nhập mật khẩu mới" x-moz-errormessage="Nhập mật khẩu mới" min="8" max="32" /></td>
            </tr>
            <tr>
                <td><label for="edit-re-pass">Nhập lại mật khẩu</label></td>
                <td><input id="edit-re-pass" name="edit-re-pass" class="form-input" type="password" placeholder="Nhập lại mật khẩu mới" oninput="validateMatchPair(document.getElementById('edit-new-pass'), document.getElementById('edit-re-pass'), 'Mật khẩu không khớp !');" required title="Nhập lại mật khẩu mới" x-moz-errormessage="Nhập lại mật khẩu" /></td>
            </tr>
            <tr>
                <td colspan="2"><hr class="h-line-thin" /></td>
            </tr>
            <tr>
                <td></td>
                <td><img id="edit-pass-loading" alt="" class="loading" src="../../images/loading.gif"/></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input class="fullsize-button" type="submit" value="Lưu mật khẩu"/>
                </td>
            </tr>
        </table>
    </form>
</div>

<div class="clear"></div>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="headerContentPlace" runat="server">

    <script type="text/javascript" src="/Scripts/login.js"></script>
    <script type="text/javascript" src="/Scripts/SHA256.js"></script>

<style type="text/css">
    #page-body .col2 {width:345px}
</style>
</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="otherResourcePlace" runat="server">
</asp:Content>
